
var oForm = document.querySelector('form');
var aInput = document.querySelectorAll('input');
var aSpan = document.querySelectorAll('span');

var sjflag = true, mmflag = true;

//1.手机号码
aInput[0].onfocus = function () {
  if (this.value == '') {
    aSpan[0].innerHTML = '请输入正确的手机号码';
    aSpan[0].style.cssText = 'font-size:12px;color:#999';
    sjflag = false;
  }
};
aInput[0].onblur = function () {
  //手机号码的验证规则：
  if (this.value != '') {
    var reg = /^1[3|5|7|8]\d{9}$/;//位数恒等匹配

    if (reg.test(this.value)) {//匹配成功
      aSpan[0].innerHTML = '√';
      aSpan[0].style.color = 'green';
      sjflag = true;
    } else {//报错
      aSpan[0].innerHTML = '你输入的手机号码有误';
      aSpan[0].style.color = 'red';
      sjflag = false;
    }
  } else {
    aSpan[0].innerHTML = '请输入的手机号码';
    aSpan[0].style.color = 'red';
    sjflag = false;
  }

};





//form实现提交:form+submit实现自动提交
oForm.onsubmit = function () {
  if (aInput[0].value == '') {
    aSpan[0].innerHTML = '请输入正确的手机号码';
    aSpan[0].style.cssText = 'font-size:12px;color:#ff0000';
    sjflag = false;
  }
  
  if (aInput[4].value == '') {
    aSpan[4].innerHTML = '请输入正确的密码';
    aSpan[4].style.cssText = 'font-size:12px;color:#ff0000';
    mmflag = false;
  }

  if (!sjflag || !mmflag) {//标记变成false时，阻止跳转。
    return false;//阻止跳转
  }

}

        //电子邮箱  var reg=/^([\w]\w+)\@([\w]\w+)\.([\w]\w+)$/;


        // var str='daf答复';//7
        // console.log(str.replace(/[\u4e00-\u9fa5]/g,'bb').length);
